﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>si.video</title>
    <style>
        .video-box {
            width: 40%;
            height: 400px;
            float: left;
            margin-right: 20px;
        }
    </style>
</head>
<body>
    <!--<div class="video-box">
        <video id="video" src="./res/video1.mp4" autoplay="autoplay"></video>
    </div>-->
    <div class="video-box">
        <video id="video1" src="./res/video1.mp4"></video>
    </div>

    <link rel="import" href="../si.base/package/si.base.html" />
    <link rel="import" href="../si.video/package/si.video.html" />
    <script>
        $(document).ready(function () {
            //$("#video").siVideo({ controls: false });
            $("#video1").siVideo();
        });
    </script>
</body>
</html>